
/*---------------------中间------------------------------*/
.middle {
    display: flex;
    justify-content: center;
    margin: 50px;
}

.middle > div {
    width: 1000px;
    /*border: 1px solid red;*/
    display: flex;
    justify-content: space-between;
}

.middle > div > div:nth-child(1) {
    width: 580px;
}

.middle > div > div:nth-child(2) {
    width: 400px;
}

.middle > div > div > div {
    padding: 10px;
}

.middle > div > div {
    border: 1px solid rgb(230, 145, 55);
}



.middle > div > div:nth-child(1) > div {
    display: flex;
    justify-content: space-between;
}

.middle > div > div:nth-child(1) > div > div:nth-child(2) {
    width: 270px;
}

.middle > div > div:nth-child(1) > div > div:nth-child(2) > div {
    border-bottom: 1px dashed rgb(230, 145, 55);
    height: 60px;
}

.middle > div > div:nth-child(1) > div > div:nth-child(2) > div > div:nth-child(1) {
    font-weight: bold;
    padding: 10px 0 5px;
    width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.middle > div > div:nth-child(1) > div > div:nth-child(2) > div > div:nth-child(2) {
    color: gray;
    width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.middle > div > div:nth-child(2) > div:nth-child(2) {
    display: flex;
    justify-content: space-between;
}

.middle > div > div:nth-child(2) > div:nth-child(2) > div {
    width: 180px;
}
.middle > div > div:nth-child(2) > div:nth-child(2) > div>div:nth-child(1){
    width: 180px;
    height: 130px;
}
.middle > div > div:nth-child(2) > div:nth-child(2) > div>div:nth-child(1) img{
    width: 100%;
    height: 100%;
}
.middle > div > div:nth-child(2) > div:nth-child(2) > div>div:nth-child(2)>div{
    width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.middle > div > div:nth-child(2) > div:nth-child(2) > div>div:nth-child(2)>div:nth-child(2){
    color: gray;
}